<template>
  <component :is="comp.tabs" :push="val" />
</template>
<script>
import {
  Gamepad,
  ChartPie,
  Dragon,
  AccessibleIcon,
  Ghost,
  CarCrash,
  Gem,
  Poop,
} from "@vicons/fa";
import {
  CrownTwotone,
  MergeCellsOutlined,
  SketchOutlined,
  DeleteFilled,
  IdcardOutlined,
} from "@vicons/antd";
import { Gamification } from "@vicons/carbon";

export default defineComponent({
  setup() {
    const comp = {
      tabs: defineAsyncComponent(() => import(`@/comp/nav_tabs.vue`)),
      mintage: defineAsyncComponent(() => import(`./introduction/mintage.vue`)),
      diamond: defineAsyncComponent(() => import(`./introduction/diamond.vue`)),
      gt_Mastery: defineAsyncComponent(() => import(`./tools/gt_Mastery.vue`)),
    };

    let val = {
      tab: [
        {
          icon: Poop,
          comp: comp.mintage,
          title: `刻印模拟`,
          ck: `engraving_Simulation`,
        },
        {
          icon: Gem,
          comp: comp.diamond,
          title: `钻石收益`,
          ck: `diamond`,
        },
        {
          icon: Gem,
          comp: comp.gt_Mastery,
          title: `精通模拟`,
          ck: `gt_Mastery`,
        },
      ],
    };

    return {
      comp,
      val,
    };
  },
});
</script>
